<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>讯飞人工智能协会 - 赋能智能未来，驱动AI创新</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

    <header class="main-header">
        <div class="container">
            <div class="header-left">
                <a href="index.html" class="logo">
                    <img src="images/logo_blue.png" alt="讯飞人工智能协会Logo">
                    <span>讯飞人工智能协会</span>
                </a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="activities.html">活动列表</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropbtn">新闻中心 <i class="fas fa-caret-down"></i></a>
                        <div class="dropdown-content">
                            <a href="#">协会新闻</a>
                            <a href="#">行业动态</a>
                            <a href="#">通知公告</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropbtn">成员与合作 <i class="fas fa-caret-down"></i></a>
                        <div class="dropdown-content">
                            <a href="#">成员风采</a>
                            <a href="#">加入我们</a>
                            <a href="#">合作伙伴</a>
                        </div>
                    </li>
                    <li><a href="#contact-info">联系我们</a></li>
                </ul>
            </nav>
            <div class="header-right">
                <button class="search-btn"><i class="fas fa-search"></i></button>
                <button class="toggle-menu-btn"><i class="fas fa-bars"></i></button>
            </div>
        </div>
    </header>

    <div class="mobile-menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="activities.html">活动列表</a></li>
            <li><a href="#">新闻中心</a></li>
            <li><a href="#">成员与合作</a></li>
            <li><a href="#contact-info">联系我们</a></li>
        </ul>
    </div>


    <section class="carousel-container hero-section">
        <div class="carousel-slide">
            <div class="carousel-item">
                <img src="images/banner1.jpg" alt="AI创新引领未来">
                <div class="carousel-caption">
                    <h2>赋能智能未来，驱动AI创新</h2>
                    <p>汇聚青年才俊，共建AI学术与实践高地。</p>
                    <a href="about.html" class="btn btn-primary">了解协会</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/banner2.jpg" alt="智能生活，从这里开始">
                <div class="carousel-caption">
                    <h2>探索前沿技术，成就非凡可能</h2>
                    <p>紧跟时代步伐，共同探索人工智能的无限边界。</p>
                    <a href="activities.html" class="btn btn-secondary">查看活动</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/banner3.jpg" alt="探索AI无限可能">
                <div class="carousel-caption">
                    <h2>携手讯飞，智领未来</h2>
                    <p>与行业巨头深度合作，提供最前沿的AI学习资源。</p>
                    <a href="#contact-info" class="btn btn-primary">联系我们</a>
                </div>
            </div>
        </div>
        <div class="carousel-nav">
            <button id="prevBtn" class="nav-arrow">&#10094;</button>
            <button id="nextBtn" class="nav-arrow">&#10095;</button>
        </div>
        <div class="carousel-dots"></div>
    </section>

    <section class="core-values section-padded">
        <div class="container">
            <h2 class="section-heading">我们的核心价值</h2>
            <div class="value-grid">
                <div class="value-item">
                    <i class="fas fa-lightbulb"></i>
                    <h3>创新引领</h3>
                    <p>鼓励技术创新与应用探索</p>
                </div>
                <div class="value-item">
                    <i class="fas fa-users"></i>
                    <h3>开放共享</h3>
                    <p>搭建知识交流与合作平台</p>
                </div>
                <div class="value-item">
                    <i class="fas fa-graduation-cap"></i>
                    <h3>赋能成长</h3>
                    <p>助力成员技能提升与职业发展</p>
                </div>
                <div class="value-item">
                    <i class="fas fa-rocket"></i>
                    <h3>实践驱动</h3>
                    <p>强调理论与实践相结合</p>
                </div>
            </div>
            <div class="stats-counter-section">
                <div class="stat-item">
                    <span class="counter" data-target="500">0</span>+
                    <p>注册会员</p>
                </div>
                <div class="stat-item">
                    <span class="counter" data-target="100">0</span>+
                    <p>年度活动</p>
                </div>
                <div class="stat-item">
                    <span class="counter" data-target="50">0</span>+
                    <p>合作企业</p>
                </div>
                <div class="stat-item">
                    <span class="counter" data-target="20">0</span>+
                    <p>AI项目</p>
                </div>
            </div>
        </div>
    </section>

    <section class="parallax-section" style="background-image: url('images/bg_parallax.jpg');">
        <div class="overlay"></div>
        <div class="container parallax-content">
            <h2>智领未来，创想无限</h2>
            <p>我们致力于构建一个充满活力、富有创造力的人工智能生态圈，</p>
            <p>让每一位对AI充满热情的成员都能在这里找到属于自己的舞台。</p>
            <a href="about.html" class="btn btn-white">了解更多协会愿景</a>
        </div>
    </section>

    <section class="latest-news section-padded">
        <div class="container">
            <h2 class="section-heading">最新动态</h2>
            <div class="news-grid">
                <article class="news-card">
                    <div class="news-thumbnail" style="background-image: url('https://via.placeholder.com/300x200?text=News+Image+1');"></div>
                    <div class="news-content">
                        <h4><a href="#">协会成功举办大模型前沿技术研讨会</a></h4>
                        <p class="news-meta"><i class="far fa-calendar-alt"></i> 2025-06-20</p>
                        <p>邀请多位业界专家分享AI大模型最新成果与应用实践...</p>
                        <a href="#" class="read-more-link">阅读详情 <i class="fas fa-angle-right"></i></a>
                    </div>
                </article>
                <article class="news-card">
                    <div class="news-thumbnail" style="background-image: url('https://via.placeholder.com/300x200?text=News+Image+2');"></div>
                    <div class="news-content">
                        <h4><a href="#">AI应用创新大赛火热进行中！</a></h4>
                        <p class="news-meta"><i class="far fa-calendar-alt"></i> 2025-06-15</p>
                        <p>激发学生创意，赋能AI应用落地，敬请期待决赛...</p>
                        <a href="#" class="read-more-link">阅读详情 <i class="fas fa-angle-right"></i></a>
                    </div>
                </article>
                <article class="news-card">
                    <div class="news-thumbnail" style="background-image: url('https://via.placeholder.com/300x200?text=News+Image+3');"></div>
                    <div class="news-content">
                        <h4><a href="#">会员张三同学荣获国际顶会最佳论文奖</a></h4>
                        <p class="news-meta"><i class="far fa-calendar-alt"></i> 2025-06-10</p>
                        <p>我协会成员在XXX国际会议上取得突破性研究成果...</p>
                        <a href="#" class="read-more-link">阅读详情 <i class="fas fa-angle-right"></i></a>
                    </div>
                </article>
            </div>
            <div class="view-more-btn">
                <a href="#" class="btn btn-outline">查看更多新闻</a>
            </div>
        </div>
    </section>

    <section id="contact-info" class="contact-section">
        <div class="container">
            <h2 class="section-heading">联系我们</h2>
            <div class="contact-grid">
                <div class="contact-item">
                    <i class="fas fa-map-marker-alt"></i>
                    <h3>地址</h3>
                    <p>湖南省长沙市岳麓区 某某大学人工智能学院</p>
                </div>
                <div class="contact-item">
                    <i class="fas fa-envelope"></i>
                    <h3>邮箱</h3>
                    <p><a href="mailto:info@xunfeiai.org">info@xunfeiai.org</a></p>
                </div>
                <div class="contact-item">
                    <i class="fas fa-phone"></i>
                    <h3>电话</h3>
                    <p>+86 0731-XXXX-XXXX</p>
                </div>
                <div class="contact-item">
                    <i class="fab fa-weixin"></i>
                    <h3>微信公众号</h3>
                    <img src="images/qrcode.png" alt="微信公众号二维码">
                    <p>扫描二维码关注我们</p>
                </div>
            </div>
        </div>
    </section>

    <footer class="main-footer">
        <div class="container">
            <div class="footer-columns">
                <div class="footer-col">
                    <h4>关于协会</h4>
                    <ul>
                        <li><a href="about.html">协会简介</a></li>
                        <li><a href="#">协会章程</a></li>
                        <li><a href="#">组织架构</a></li>
                        <li><a href="#">发展历程</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>最新动态</h4>
                    <ul>
                        <li><a href="#">协会新闻</a></li>
                        <li><a href="#">活动通知</a></li>
                        <li><a href="#">科研成果</a></li>
                        <li><a href="#">媒体报道</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="activities.html">活动报名</a></li>
                        <li><a href="#">会员登录</a></li>
                        <li><a href="#">资料下载</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>关注我们</h4>
                    <div class="social-icons">
                        <a href="#"><i class="fab fa-qq"></i></a>
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-github"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 讯飞人工智能协会. 保留所有权利. | <a href="#">隐私政策</a> | <a href="#">法律声明</a></p>
                <p>技术支持: 讯飞AI团队</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>